
<style type="text/css">

    
    .estratetigaContenedor {
        
        margin: 40px 10px 20px 15px;
        
        background: #fff;
        
        
    }
    
    .divFondo{
        background: #dddddd;
        
        
    }
    .estraAgentesTitulo{
        
       margin-right: 20px;
       
    }
    .estraAgentes{
        padding: 10px;
        border:1px solid #a6a6a6;
        margin: 2px;
        
        /*para Firefox*/
        -moz-border-radius: 5px 5px 5px 5px;
        /*para Safari y Chrome*/
        -webkit-border-radius: 5px 5px 5px 5px;
        /* para Opera */
        border-radius: 5px 5px 5px 5px;
        
        box-shadow: 1px 1px 2px #dddddd;
        
        color: #545454;
        font-family: 'Average Sans', sans-serif;
        font-size: 12px;
    }
    
    
    .estraDatos,.estraDatosTitu{
        
        padding: 2px;
        border:1px solid #a6a6a6;
        border-left: none;
        text-align: lef;
        padding-left: 10px;
        
        color: #545454;
        font-family: 'Average Sans', sans-serif;
        font-size: 14px;
        
        
        
    }
    .estraDatosTitu{
        
        
        padding-left: 10px;
        
        
        
    }
    .estraDatosTituText{
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        height: 40px;
    }
    
    .espLeft{
        
        background: #fff;
        float: left;height: 40px;
        width: 5px;
    }
    .flechaLef{
        font-family: 'Average Sans', sans-serif;
        font-size: 12px;
        position:relative;
        background: #C7E0E5;
        border:solid 1px #0cceff;
        border-left: none;
        float: left;
        color: #545454;
        padding: 11px 5px 12px 5px;
 
    }
    
    .busqInt{
        font-family: 'Average Sans', sans-serif;
        font-size: 12px;
        position:relative;
        
        float: left;
        color: #545454;
        padding: 11px 5px 12px 5px;
 
    }
    
    
    .flechaLef:before, .flechaLef:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    
    }
    
    .flechaLeftdiv:before, .flechaLeftdiv:after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        top:-1px
    }
    
    .flechaLeftdiv:after {
    border-left: 15px solid #C7E0E5;
    right: -15px;
    z-index: 2;
    }
    .flechaLeftdiv:before {
    border-left: 15px solid #0cceff;
    right: -16px;
    z-index: 1;
    }
    
 
    
    
</style>

<div class="estratetigaContenedor">
    <table border="1" cellpadding="0" cellspacing="0" width="100%">
        
<?php //Inicio del Armado del esqueleto 

$atrr          = 'class="estraDatos"';
  
 
?> 
        
        <?php foreach ($busqProductos as $busqProducto) {
            
            
            ?>
        <tr>
            
            <td <?php echo $atrr;?> style="padding: 5px 5px 5px 15px;" width="30px;">
                <a href="<?php echo url_for('producto/aprobado')."?usuario_id=$usuario_id&producto_id=".$busqProducto->getId(); ?>" onclick="validarLink(this,'Confirmar Favorito?');return false;">
                <img src="/images/callcenter/encuestaMini.png"/>
                </a>
            
            </td>
            <td <?php echo $atrr;?> ><?php echo $busqProducto->getMarca().' | '.$busqProducto->getNombre(); ?></td>
            
        </tr>
        <?php } ?>
        <!-- FIN BUSCAR EN LISTA DE PRODUCTOS  -->
        
    </table>

</div>